/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

.ouiColorPaletteDisplay {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: $ouiSizeS;
}

@each $name, $size in $ouiColorPaletteDisplaySizes {
  .ouiColorPaletteDisplay--#{$name} {
    @include innerBorder('dark', $size, .2);
    height: $size;
    border-radius: $size;
  }

  .ouiColorPaletteDisplay--#{$name} .ouiColorPaletteDisplayFixed__bleedArea {
    height: $size;
  }
}
